<div class="toolbar disabled">
    <div class="item"><button :class="showPanel?'checked':''" @click="clickShowPanel">
        Tree
    </button></div>
    <div class="item">
        <div id="view-select" class="view-select-container" value="<%=config.device%>" tabindex="-1">
            <div class="view-select">
                <div class="label">
                    <span id="name"></span>
                </div>
                <i class="arrow-trangle"></i>
            </div>
            <div class="options">
                <ul>
                    <% Object.keys(devices).forEach((key) => {%>
                        <% if (key !== '__separator__') { %>
                            <li class="<%=config.device === key ? 'selected' : ''%>" data-device="<%=key%>">
                                <%=devices[key].name%> (<%=devices[key].width%>X<%=devices[key].height%>)
                            </li>
                        <% } else { %>
                            <li class="separator"></li>
                        <% } %>
                    <% }) %>
                </ul>
            </div>
        </div>
    </div>
    <div class="item"><button id="btn-rotate" class="<%=config.rotate ? 'checked' : ''%>">Rotate</button></div>
    <span style="font-size: small;" class="item">Debug Mode:</span>
    <div class="item">
        <select id="opts-debug-mode" value="<%=config.debugMode%>">
            <option value="NONE">None</option>
            <option value="VERBOSE">Verbose</option>
            <option value="INFO">Info</option>
            <option value="WARN">Warn</option>
            <option value="ERROR">Error</option>
            <option value="INFO_FOR_WEB_PAGE">Info For Web Page</option>
            <option value="WARN_FOR_WEB_PAGE">Warn For Web Page</option>
            <option value="ERROR_FOR_WEB_PAGE">Error For Web Page</option>
        </select>
    </div>
    <div class="item"><button id="btn-show-fps" class="<%=config.showFps ? 'checked' : ''%>">FPS</button></div>
    <div class="item">
        <span style="font-size: small;" class="item">FPS:</span><input id="input-set-fps" type="number" value="<%=config.fps%>" />
    </div>
    <div style="margin-right: 0;" class="item"><button id="btn-pause">Pause</button><button id="btn-step">Step</button></div>
    <div class="item"><button id="btn-step" style="display: none;">Step</button></div>
    <div id="step-length">
        <span>Step Length: </span>
        <input type="text" value="1">
        <span>ms</span>
    </div>
    <div class="item"><button @click="clickTexture">Cache</button></div>
</div>
